<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>职位</title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/job.css">
    <script src="./js/jquery-3.6.0.js"></script>
</head>

<body>

    <!-- 头部 -->
    <header>
        <div class="container">

            <div class="nav-left">
                <div class="logo">
                    <a href="#"></a>
                </div>
                <div class="city">
                    <p>
                        <i></i>
                        <span class="seclet">福州</span>
                        <span class="switch">[切换城市]</span>
                    </p>

                </div>
                <div class="nav-list">
                    <ul>
                        <li class=""><a href="./index.html">首页</a></li>
                        <li class="cur"><a href="./job.html">职位</a></li>
                        <li class=""><a href="./school.html" class="New">校园</a></li>
                        <li class=""><a href="./overseas.html">海归</a></li>
                        <li class=""><a href="./brand.html">公司</a></li>
                        <li class=""><a href="./app.html">APP</a></li>
                        <li class=""><a href="./zixun.html">资讯</a></li>
                        <li class=""><a href="./find.html" class="hot">发现</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="nav-right">
                <a href="#">上传简历</a>
                <a href="#" class="hot">我要找工作</a>
                <a href="#">我要招聘</a>
                <a href="#" class="sign a-border">注册</a>
                <a href="#" class="login a-border">登录</a>

            </div>

        </div>
    </header>
    <!-- 头部 -->


    <!-- 搜索关键字 -->

    <div class="filter_box">
        <div class="container">

            <div class="search_box">
                <div class="fsearch_left">
                    <div class="search_inner">
                        <div class="select">
                            全国

                        </div>
                        <div class="input">
                            <input type="text" placeholder="搜索职位、公司">
                        </div>
                        <div class="type">
                            职位类型
                        </div>
                        <div class="hangye">
                            公司行业
                        </div>
                    </div>
                    <div class="search_btn">

                    </div>
                </div>

                <div class="search_right">
                    <span></span> 登录，查看更多职位


                    <a href="javascript:;" class="hide_a">X</a>
                </div>


            </div>

            <div class="filter_str">
                <div class="top">
                    <div class="str_left">
                        <p>
                            <span>北京</span>
                            <span class="icon"></span>
                            <span class="red">不限</span>
                            <span class="icon"></span>
                            <span>热门城市:</span>
                        </p>
                        <ul>
                            <li>全国</li>
                            <li>北京</li>
                            <li>上海</li>
                            <li>广州</li>
                            <li>深圳</li>
                            <li>杭州</li>
                            <li>天津</li>
                            <li>西安</li>
                            <li>苏州</li>
                            <li>武汉</li>
                            <li>厦门</li>
                            <li>长沙</li>
                            <li>成都</li>
                            <li>郑州</li>
                            <li>重庆</li>
                        </ul>
                    </div>
                    <div class="str_right">全部城市</div>
                </div>
                <div class="middle">
                    <ul>

                    </ul>
                </div>
                <div class="bottom">
                    <div class="str_left">
                        <ul>
                            <li>
                                工作经验
                                <i></i>
                                <div class="menudrop">
                                    <div>不限</div>
                                    <div>在校生</div>
                                    <div>应届生</div>
                                    <div>1年以内</div>
                                    <div>1-3年</div>
                                    <div>3-5年</div>
                                    <div>5-10年</div>
                                    <div>10年以上</div>
                                </div>
                            </li>
                            <li>
                                学历要求
                                <i></i>
                                <div class="menudrop">
                                    <div>不限</div>
                                    <div>初中及以下</div>
                                    <div>中专/中技</div>
                                    <div>高中</div>
                                    <div>大专</div>
                                    <div>本科</div>
                                    <div>硕士</div>
                                    <div>博士</div>
                                </div>
                            </li>
                            <li>
                                薪资要求
                                <i></i>
                                <div class="menudrop">
                                    <div>不限</div>
                                    <div>3K以下</div>
                                    <div>3-5K</div>
                                    <div>5-10K</div>
                                    <div>10-15K</div>
                                    <div>15-20K</div>
                                    <div>20-30K</div>
                                    <div>30-50K</div>
                                </div>
                            </li>
                            <li>
                                融资阶段
                                <i></i>
                                <div class="menudrop">
                                    <div>不限</div>
                                    <div>天使轮</div>
                                    <div>A轮</div>
                                    <div>B轮</div>
                                    <div>C轮</div>
                                    <div>D轮以上</div>
                                    <div>已上市</div>

                                </div>
                            </li>
                            <li>
                                公司规模
                                <i></i>
                                <div class="menudrop">
                                    <div>不限</div>
                                    <div>0-20人</div>
                                    <div>20-99人</div>
                                    <div>100-499人</div>
                                    <div>500-999人</div>
                                    <div>1000-9999人</div>
                                    <div>10000人以上</div>

                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="str_right">清空筛选条件</div>
                </div>
            </div>

        </div>
    </div>
    <!-- 搜索关键字 -->


    <!-- 求职信息 -->
    <div class="jobs">

        <div class="container">
            <div class="find_job">
                <div class="find_left">
                    <ul>
                    </ul>
                    <ul></ul>
                </div>
                <div class="find_right">
                    <div class="login_box">
                        <h3>各大行业职位任你选</h3>
                        <form action="#">
                            <div class="mphone">
                                <span>+86</span>
                                <input type="text" placeholder="手机号">
                                <div class="mp_hide">
                                    <ul>

                                    </ul>
                                </div>
                            </div>
                            <div class="check">
                                <i></i>
                                <input type="text" name="" id="" placeholder="短信验证码">
                                <span>发送验证码</span>
                            </div>
                        </form>
                        <button>登录/注册</button>
                        <div class="privete">
                            <input type="checkbox"> 同意BOSS直聘
                            <a href="#">《用户协议》</a>
                            <a href="#">《个人信息保护政策》</a>
                        </div>

                    </div>


                    <div class="up_file">
                        <a href="#">一键上传简历</a>
                    </div>

                    <div class="watched">
                        <h4>看过的职业</h4>
                        <ul>
                            <li>
                                <div class="job">
                                    <h4>web开发工程师</h4>
                                    <p class="con_name">海峡基石</p>
                                </div>
                                <div class="price">7-12K·13薪</div>
                            </li>
                            <li>
                                <div class="job">
                                    <h4>web前端开发中级</h4>
                                    <p class="con_name">Ada智能机器人</p>
                                </div>
                                <div class="price">7-12K·13薪</div>
                            </li>
                            <li>
                                <div class="job">
                                    <h4>Java开发工程师</h4>
                                    <p class="con_name">福富公司</p>
                                </div>
                                <div class="price">10-15K·14薪</div>
                            </li>
                            <li>
                                <div class="job">
                                    <h4>前端研发工程师</h4>
                                    <p class="con_name">海峡基石</p>
                                </div>
                                <div class="price">7-12K</div>
                            </li>

                        </ul>
                    </div>

                    <div class="job_img">
                        <img src="./imgs/pro-1.png" alt="">
                    </div>
                    <div class="job_img">
                        <img src="./imgs/pro-2.png" alt="">
                    </div>
                    <div class="job_img">
                        <img src="./imgs/pro-3.jpg" alt="">
                    </div>



                </div>
            </div>
        </div>
    </div>

    <!-- 求职信息 -->


    <!-- 页脚 -->

    <footer>
        <div class="container">
            <div id="about">
                <div class="aboutLeft">
                    <div class="top">
                        <ul>
                            <li>企业服务</li>
                            <li>
                                <a href="#">职位搜索</a>
                            </li>
                            <li>
                                <a href="#">新闻资讯</a>
                            </li>
                            <li>
                                <a href="#">BOSS直聘APP</a>

                            </li>
                            <li><a href="#">投资者关系</a></li>
                        </ul>
                        <ul>
                            <li>使用与帮助</li>
                            <li>
                                <a href="#">协议与规则</a>
                            </li>
                            <li>
                                <a href="#">个人信息保护政策</a>
                            </li>
                            <li>
                                <a href="#">防骗指南</a>

                            </li>
                            <li> <a href="#">使用帮助</a></li>
                        </ul>
                        <ul>
                            <li>联系BOSS直聘</li>
                            <li>
                                北京华品博睿网络技术有限公司
                            </li>
                            <li>
                                公司地址 北京市朝阳区太阳宫中路16号院1号楼18层1801内09
                            </li>
                            <li>
                                <p>
                                    违法和不良信息举报邮箱/未成年人举报渠道
                                    <a class="mail" href="#">jubao@kanzhun.com</a>
                                </p>


                            </li>
                        </ul>
                    </div>
                    <div class="bottom">
                        <p>
                            <span>Copyright © 2022 BOSS直聘</span>
                            <span>
                             <a href="#" target="_blank">
                                 京ICP备14013441号-5
                             </a>
                         </span>

                            <span>京ICP证150923号</span>
                            <span>京网文[2020]0399-066 号</span>

                            <span>
                             <a href="#">
                                 <img src="./imgs/icon-badge-1.png"> 电子营业执照
                             </a>
                         </span>

                            </span>
                            <span>
                             <a href='#'>
                                 <img src="./imgs/icon-beian.png" alt="">
                                 京公网安备11010502032801
                             </a>
                         </span>

                            <span>
                             <a href="#">朝阳网警</a>
                         </span>



                            <span>
                             <a href="#">人力资源服务许可证</a>
                         </span>

                            <span>
                             <a href="#">网上有害信息举报专区</a>
                         </span>
                            <span>朝阳区人社局监督电话</span>
                        </p>
                    </div>
                </div>
                <div class="aboutRight">
                    <div class="social">
                        <img src="./imgs/footer-logo.png" alt="">
                    </div>
                    <div class="phone">
                        <p>企业服务热线和举报投诉/未成年人举报渠道 <span>400 065 5799</span></p>
                        <p>老年人直连热线 <span>400 661 6030</span></p>
                        <p>工作日 <span>8:00 - 22:00</span></p>
                        <p>休息日 <span>9:30 - 18:30</span></p>
                    </div>
                    <div class="footer-icon">
                        <a href="JavaScript:;" class="weibo"></a>
                        <a href="JavaScript:;" class="weixin">
                            <div class="weixincode">
                                <img src="./imgs/we_chat_qr.jpg" alt="">
                            </div>
                        </a>
                        <a href="JavaScript:;" class="app"></a>
                        <a href="JavaScript:;" class="pc">
                            <img src="./imgs/dppx09luaq1637052502211.png" alt="">
                        </a>
                    </div>
                </div>
            </div>


        </div>
        <div class="links">
            <div class="container">

                <div class="linksBox">



                    <span>友情链接:</span>

                    <div>
                        <ul>

                        </ul>
                        <ul class="hideUl">

                        </ul>
                    </div>

                    <label>
                     <span class="fs">展开</span>
                     <i class="fsi"></i>
                 </label>
                </div>
            </div>

        </div>
    </footer>
    <!-- 页脚 -->

    <!-- 侧边栏 -->

    <div class="silderbar">

        <div class="slider-top">
            <ul>
                <li>

                    <a href="JavaScript:;">
                        <i></i> 感兴趣
                    </a>
                </li>
                <li>
                    <a href="JavaScript:;">
                        <i></i> 沟通过
                    </a>
                </li>
                <li>
                    <a href="JavaScript:;">
                        <i></i> 已投递
                    </a>
                </li>
                <li>
                    <a href="JavaScript:;">
                        <i></i> 面试
                    </a>
                </li>
            </ul>
        </div>
        <div class="slider-bottom">
            <ul>
                <li>
                    <a href="JavaScript:;" class="upTop"></a>
                </li>
                <li>
                    <a href="JavaScript:;">反馈</a>
                </li>
                <li class="vxqrcode">
                    <a href="JavaScript:;">微信</a>
                    <div class="qrcode">
                        <i></i>
                        <img src="./imgs/wechat-qrcode-2.jpg" alt="">
                    </div>
                </li>
                <li>
                    <a href="JavaScript:;">微博</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 侧边栏 -->

    <!-- 城市弹出 -->
    <div class="city_hide">

        <div class="city_box">
            <h4>请选择城市
                <span class="close">X</span>
            </h4>
            <div class="city_list">
                <ul class="row_ul">
                    <li class="current">热门城市</li>
                    <li data='1'>ABCDE</li>
                    <li data='2'>FGHJ</li>
                    <li data='3'>KLMN</li>
                    <li data='4'>PQRST</li>
                    <li data='5'>WXYZ</li>
                </ul>
                <ul class="row_span">

                </ul>
            </div>
        </div>
        <div class="mask"></div>
    </div>
    <!-- 城市弹出 -->
</body>
<script src="./js/public.js"></script>
<script src="./js/job.js"></script>




</html>